* {
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    text-decoration: none;
    color: #000;
}
/* 1排序与1rem等价 */
html{
    font-size: 0.3125vw;
}
html,
body{
    background: #fafafc;
}

/* app模块 */
.app{
    display: flex;
    align-items: center;
    height: 60rem;
}
.app img{
    margin: 12rem 15rem;
    width: 36rem;
    height: 36rem;
}
.app .content{
    flex: 1;
}

.app .btn{
    height: 28rem;
    width: 80rem;
    color: #FFF;
    line-height: 28rem;
    text-align: center;
    margin: 0 15rem;
    background: #3a99f6;
    border-radius: 14rem;
}

/* banner模块 */
.banner{
    background: url(../image/new.jpg) no-repeat center top;
    background-size: cover;
    height: 150rem;
    position: relative;
    margin-bottom: 42rem;
}
.banner .search{
    position: absolute;
    top: 8rem;
    left: 12rem;
    right: 50rem;
    display: flex;
}
.banner .search input{
    height: 28rem;
    line-height: 28rem;
    font-size: 12rem;
    border-radius: 14rem;
    color: #666;
    padding-left: 32rem;
    border: none;
    display: block;
    flex: 1;
}

.banner .search .icon{
    position: absolute;
    width: 20rem;
    height: 20rem;
    top: 4rem;
    left: 7rem;
    background: url(../image/search_for.png) no-repeat;
    background-size: cover;
}

.banner .user {
    position: absolute;
    top: 0rem;
    right: 12rem;
    color: #FFF;
    font-size: 12rem;
    text-align: center;
}

.banner .user .icon{
    width: 20rem;
    height: 20rem;
    display: inline-block;
    background: url(../image/user_xiecheng.png) no-repeat;
    background-size: cover;
}

.banner .list{
    position: absolute;
    bottom: -32rem;
    height: 64rem;
    left: 12rem;
    right: 12rem;
    border-radius: 10rem;
    background: #FFF;
    display: flex;
}
.banner .list li{
    flex: 1;
    padding-top: 10rem;
    text-align: center;
}

.banner .list li span{
    display: inline-block;
    width: 40rem;
    height: 30rem;
    background-size: 30rem 30rem !important;
    /* align-items: center; */
}

.banner .list li:nth-child(1) span{
    background: url(../image/gonglue.png) no-repeat center top;
}
.banner .list li:nth-child(2) span{
    background: url(../image/menpiao.png) no-repeat center top;
}
.banner .list li:nth-child(3) span{
    background: url(../image/meishi.png) no-repeat center top;
}
.banner .list li:nth-child(4) span{
    background: url(../image/zhoubianyou.png) no-repeat center top;
}
.banner .list li:nth-child(5) span{
    background: url(../image/yiriyou.png) no-repeat center top;
}

/* 导航模块 */
.nav{
    width: 295rem;
    margin: 0 auto;
    border-radius: 10rem;
    color: #FFF;
    overflow: hidden;

}
.nav .row{
    display: flex;
    justify-content: space-between;
}

.nav .row:first-child .nav-item{
    background: #fa5b55;
}
.nav .row:nth-child(2) .nav-item{
    background: #4091ed;
}
.nav .row:nth-child(3) .nav-item{
    background: #36a368;
}
.nav .row .nav-item{
    width: 67rem;
    height: 55rem;
    font-size: 14rem;
    text-align: center;
    line-height: 55rem;
    /* background-repeat: no-repeat;
    background-size: 104rem 327.5rem; */
}
.nav .row .nav-item:first-child{
    width: 91rem;
    text-align: left;
    text-indent: 12rem;
}
.nav .row:first-child .nav-item:last-child{
    width: 135rem;
}
/* 菜单模块 */
.menu{
    display: flex;
    flex-wrap: wrap;
    margin: 12rem ;
    text-align: center;
}
.menu li{
    width: 20%;
}
.menu li span{
    display: inline-block;
    width: 28rem;
    height: 28rem;
    background: url(../image/yiriyou.png) no-repeat center;
    background-size: cover;
}
.menu li p{
    font-size: 10rem;
    margin: 8rem 0 14rem;
}

/* 广告 */
.ads{
    display: flex;
    height: 44rem;
    /* align-items: center; */
}
.ads .item1{
    width: 79rem;
    background: url(../image/zhibo.png) no-repeat ;
    background-size: 90rem 30rem;



}










